.tabPage {
    width: 7.5rem;
    overflow: hidden;

    .trans{
        width:7.5rem;
        position: relative;
        min-height: calc(~"100vh - 0.92rem");

        :global{
            // 从右向左
            .paneR-enter {
                position: absolute;
                left: 0;
                transform: translateX(100%);
                &.paneR-enter-active {
                    transform: translateX(0);
                    transition: transform .3s;
                }
            }
            .paneR-leave  {
                position: absolute;
                left: 0;
                transform: translateX(0);
                &.paneR-leave-active {
                    transform: translateX(-100%);
                    transition: transform .3s;
                }
            }
            // 从右向左
            .paneL-enter {
                position: absolute;
                left: 0;
                transform: translateX(-100%);
                &.paneL-enter-active {
                    transform: translateX(0);
                    transition: transform .3s;
                }
            }
            .paneL-leave  {
                position: absolute;
                left: 0;
                transform: translateX(0);
                &.paneL-leave-active {
                    transform: translateX(100%);
                    transition: transform .3s;
                }
            }
        } 
    }

    .paneWrap{
        width:7.5rem; 
    }       
}
